<!--
 * @Author: mayating mayating@xinchan.com.cn
 * @Date: 2024-06-26 10:53:37
 * @LastEditors: mayating mayating@xinchan.com.cn
 * @LastEditTime: 2024-06-26 19:19:46
 * @FilePath: /wuniubi/src/components/SCrollView.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="reveal-top">
    <div style="height: 1000px"></div>
  </div>
</template>

<script>
import scrollReveal from "scrollreveal";
export default {
  name: "App",
  data() {
    return {
      scrollReveal: scrollReveal(),
    };
  },
  mounted() {
    this.scrollReveal.reveal(".reveal-top", {
      // 动画的时长
      // duration: 1000,
      // // 延迟时间
      // delay: 500,
      // // 动画开始的位置，'bottom', 'left', 'top', 'right'
      // origin: "top",
      // // 回滚的时候是否再次触发动画
      // reset: false,
      // // 在移动端是否使用动画
      // mobile: false,
      // // 滚动的距离，单位可以用%，rem等
      // distance: "200px",
      // // 其他可用的动画效果
      // opacity: 0.001,
      // easing: "linear",
      // scale: 0.9,
      distance: "30px",
      duration: 1800,
      reset: true,
    });
  },
  components: {},
};
</script>

<style lang="scss"></style>
